<template>
  <div class="more">
    <div class="bgcolor"></div>
    <h4 class="title">--更多福利--</h4>
    <ul class="more-img">
      <li><img src="//img12.360buyimg.com/jrpmobile/jfs/t7456/56/1425209238/21928/f1fe492d/599cee57Naea99020.jpg?width=250&height=330" alt=""></li>
      <li><img src="//img12.360buyimg.com/jrpmobile/jfs/t7894/126/1440046618/24763/5ce6a129/599cee04Ne77b3641.jpg?width=250&height=330" alt=""></li>
      <li><img src="//img12.360buyimg.com/jrpmobile/jfs/t6385/103/1675552688/24265/91be4150/59549aedNa30670f7.jpg?width=250&height=330" alt=""></li>
      <p>专享福利></p>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'raiseMore'
}
</script>

<style lang="stylus" scoped>
  @import '../../assets/css/varibles.styl'
  @import '../../assets/css/mixins.styl'
  .more
    padding-bottom:.4rem
    .bgcolor
      pdTop()
    .title
      jdTitle()
    .more-img
      display:flex;
      flex-direction:row;
      position:relative
    li
      width:50%
    img
      width:100%
    p
      position:absolute
      top:-.8rem
      right:.2rem
      color:#999
</style>
